<template>
  <div>
    {{ value }}
  </div>
</template>

<script type="text/ecmascript-6">
import com from "./com"

export default {
  components: {com},
  data: function () {
    return {
      id: "a",
      broke: false
    }
  },
  watch: {
    "value": {
      immediate: true,
      handler(v) {

        console.log(v);
        console.log(this.value);
        console.log(this.data);

        this.$emit("input", v);
        this.broke = true;
      }
    },
    data:{
      immediate: true,
      handler(v){
        console.log(this.value);
        console.log(v);
        console.log(this.data);
      }
    }
  },
  props: {
    value: {type: String, default: ""},
    data: {type: Array, default: []},
  },
  async mounted() {

  },
  methods: {
    view_click() {
      jv.info(this.id)
    }
  }
}
</script>